In this step you'll begin in Visual Studio to create an application using Gauges for WinRT and add StackPanel panels to customize the layout of the controls you'll be adding to the application.
To set up your project, complete the following steps:
- In Visual Studio, select File | New | Project.
- In the New Project dialog box, expand a language in the left pane, under the language select Windows Store, and in the templates list select Blank App (XAML). Enter a Name for your project and click OK to create your project.
The MainPage.xaml page will open with the cursor between the <Grid> and </Grid> tags.
- Navigate to the Toolbox and double-click the StackPanel icon to add the panel to MainPage.xaml.
- Add x:Name="sp1" Width="Auto" Height="Auto" Orientation="Vertical" HorizontalAlignment="Center" VerticalAlignment="Center" to the <StackPanel> tag so that it appears similar to the following:
| Markup |
Copy Code
|
<StackPanel x:Name="sp1" Width="Auto" Height="Auto" Orientation="Vertical" HorizontalAlignment="Center" VerticalAlignment="Center"></StackPanel>
|
Elements in the panel will now appear centered and vertically positioned.
- In the XAML window of the project, place the cursor between the <StackPanel> and </StackPanel> tags.
- Navigate to the Toolbox and double-click the StackPanel icon to add the panel to the existing StackPanel.
- Add x:Name="sp2" Width="Auto" Height="Auto" Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center" to the <StackPanel> tag so that it appears similar to the following:
| Markup |
Copy Code
|
<StackPanel x:Name="sp2" Width="Auto" Height="Auto" Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center"></StackPanel>
|
Elements in the panel will now appear centered and horizontally positioned.
You've successfully created a new WinRT style project and set up your application. In the next step you'll added Gauges for WinRT controls to the application and customize those controls.
See Also